import '@ant-design/v5-patch-for-react-19';
import React from 'react';
import "./assets/css/base.css";
import TaskApp from "./components/demo/TaskApp";
// import SectionApp from "./components/demo/SectionApp";
// import TravelPlanImmer from "./components/demo/TravelPlanImmer";
// import TravelPlan from "./components/demo/TravelPlan";
// import FormStatus from "./components/demo/FormStatus";
// import Messenger from "./components/demo/Messenger";
// import FormState from "./components/demo/FormState.tsx";
// import Accordion from "./components/demo/Accordion.tsx";
// import FormName from "./components/demo/FormName.tsx";
// import UseStateArray from "./components/demo/UseStateArray.tsx";
// import ShapeEditor from "./components/demo/ShapeEditor.tsx";
// import CounterList from "./components/demo/CounterList.tsx";
// import UseStateArrayObj from "./components/demo/UseStateArrayObj.tsx";
// import MovingDot from "./MovingDot.tsx";
// import Form from "./components/demo/Form.tsx";
// import ToolBarCustom from "./components/demo/ToolBarCustom.tsx";
// import ToolBarEvent from "./components/demo/ToolBarEvent.tsx";
// import ToolBar from "./components/demo/ToolBar.tsx";
// import {Button} from "antd";
// import BucketList from "./components/demo/BucketList.tsx";
// import FormObj from "./components/demo/FormObj.tsx";
// import Counter from "./components/demo/Counter.tsx";
// import SendMsg from "./components/demo/SendMsg.tsx";
// import SculptureList from "./components/demo/SculptureList.tsx";
// import TeaSet from "./components/demo/TeaSet.tsx";
// import RecipeList from "./components/demo/RecipeList.tsx";
// import ListRender, { type ListProps} from "./components/demo/ListRender.tsx";
// import { useState } from 'react';
// import { Button } from 'antd';
// import MyButton from "./components/demo/MyButton.tsx";
// import Gallery, {MyProfile , Profile} from "./components/demo/Gallery.tsx";
// import Variable from "./components/demo/Variable.tsx";
// import Style from "./components/demo/Style.tsx";
// import Person from "./components/demo/Person.tsx";
// import Avatar from "./components/demo/Avatar.tsx";
// import Children from "./components/demo/Children.tsx";
// import Condition from "./components/demo/Condition.tsx";
// import ListItemTpl from "./components/demo/ListItemTpl.tsx";

// const buttonText = "Hello World";
// const listObj :  ListProps = {
//     name: 'Taylor',
//     list: [
//         'Creola Katherine Johnson: mathematician',
//         'Mario José Molina-Pasquel Henríquez: chemist',
//         'Mohammad Abdus Salam: physicist',
//         'Percy Lavon Julian: chemist',
//         'Subrahmanyan Chandrasekhar: astrophysicist'
//     ]
// };

const App :  React.FC = () => {
    // const [ disabledState, setDisabledState ] = useState( false );
    // const buttonClick = () => {
    //     setDisabledState( !disabledState );
    // };
    return (
        <div className="App" >
            {/*<Button type="primary" >Button</Button >*/}
            {/*<MyButton text={ buttonText } onClick={ buttonClick } disabled={ disabledState } ></MyButton >*/}
            {/*<Profile></Profile>*/}
            {/*<Gallery></Gallery>*/}
            {/*<MyProfile></MyProfile>*/}
            {/*<Variable />*/}
            {/*<Style />*/}
            {/*<Person></Person>*/}
            {/*<Avatar person={ { name: "Taylor", age: 5 }} size={ 200}></Avatar>*/}
            {/*<Avatar person={ { name: "Same", age: 5 }} size={ 100}></Avatar>*/}
            {/*<Avatar person={ { name: "SUM", age: 5 }} size={ 50}></Avatar>*/}
            {/*<Children title={buttonText}>*/}
            {/*    <Button type="primary">Button</Button>*/}
            {/*</Children>*/}
            {/*<Children title="最新剧集">*/}
            {/*    死神来了第四部*/}
            {/*</Children>*/}
            {/*<Condition></Condition>*/}
            {/*<ListRender {...listObj}></ListRender>*/}
            {/*<ListItemTpl></ListItemTpl>*/}
            {/*<RecipeList></RecipeList>*/}
            {/*<TeaSet></TeaSet>*/}
            {/*<SculptureList></SculptureList>*/}
            {/*<SendMsg></SendMsg>*/}
            {/*<Counter></Counter>*/}
            {/*<FormObj></FormObj>*/}
            {/*<BucketList></BucketList>*/}
            {/*<ToolBar></ToolBar>*/}
            {/*<ToolBarEvent></ToolBarEvent>*/}
            {/*<ToolBarCustom></ToolBarCustom>*/}
            {/*<Form></Form>*/}
            {/*<MovingDot></MovingDot>*/}
            {/*<UseStateArray></UseStateArray>*/}
            {/*<ShapeEditor></ShapeEditor>*/}
            {/*<CounterList></CounterList>*/}
            {/*<UseStateArrayObj></UseStateArrayObj>*/}
            {/*<FormState></FormState>*/}
            {/*<FormName></FormName>*/}
            {/*<Accordion></Accordion>*/}
            {/*<Messenger></Messenger>*/}
            {/*<FormStatus></FormStatus>*/}
            {/*<TravelPlan></TravelPlan>*/}
            {/*<TravelPlanImmer></TravelPlanImmer>*/}
            {/*<SectionApp></SectionApp>*/}
            <TaskApp></TaskApp>
        </div >
    );

};

export default App;